*{ padding: 0; margin: 0;}
ul,ol,li{ list-style: none;}
html,body{ height: 100%;}
body{ font-family: arial Helvetica Verdana; font-size: 12px; line-height: 1.5;}
.media { *zoom: 1; }
.media:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd { vertical-align: baseline; display: table-cell; width: 10000px; *width: auto; *zoom: 1; }
.media .bd:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd:first-child { margin-top: 0; }
.media .bd:last-child { margin-bottom: 0; }
.media .bd img { display: block; }
.media .img { float: left; }
.media .img img { display: block; }
.media .imgext { float: right; }
.media .imgext img { display: block; }
a{ color: #333;}
a:active{ outline: none;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.cf:after { content: '\20'; display: block; height: 0; clear: both; }
.cf { *zoom: 1; }
.clear{ clear: both;}

/*layout*/
.pd_s{ padding: 5px;}
.pd_m{ padding: 10px;}
.pd_l{ padding: 20px;}

.mg_s{ margin: 5px;}
.mg_m{ margin: 10px;}
.mg_l{ margin: 20px;}

.mg_t_s{ margin-top: 5px;}
.mg_t_m{ margin-top: 10px;}
.mg_t_l{ margin-top: 20px;}

.mg_r_s{ margin-right: 5px;}
.mg_r_m{ margin-right: 10px;}
.mg_r_l{ margin-right: 20px;}

.mg_b_s{ margin-bottom: 5px;}
.mg_b_m{ margin-bottom: 10px;}
.mg_b_l{ margin-bottom: 20px;}

.mg_l_s{ margin-left: 5px;}
.mg_l_m{ margin-left: 10px;}
.mg_l_l{ margin-left: 20px;}

.mg_auto{ margin: auto;}

.pd_h_m{ padding-left: 10px; padding-right: 10px;}

.relative{ position: relative;}
.absolute{ position: absolute;}
.h100{ height: 100%;}
.w100{ width: 100%;}
img.block{ display: block;}
.txtC{ text-align: center;}

/*jscrollpane*/
.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute; text-align:left;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 6px;height: 100%;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{ position: relative; background-color: #3c3c3c; border-radius: 10px;}
.jspDrag{ position: relative; background-color: #b21d25; border-radius: 10px; top: 0;left: 0;cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;}

/*content*/
.main_inner{ width: 1200px; min-width: 1200px; margin: auto;}
.qlist{ width: 800px; margin: auto;}
.qlist li{ margin-bottom: 1em;}
.qlist .tit{ font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.qlist .a,
.qlist .b{ width: 48%; padding-right: 2%; float: left;}
.qlist li a{ font-size: 12px; color: #666; cursor: pointer;}
.qlist li a:hover,
.qlist li a.active{ color: #000;}


